/* 维吾尔文样式*/
*{
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: "alkatip basma tom";
    direction: rtl;
    font-weight: 100;
}
code{
    font-family: Consolas;
}
body{
    background-color: #000;
}
.layout{
    width: 960px;
    overflow: hidden;
    clear: both;
    margin: auto;
}
#Slot{
    margin: auto;
    width: 600px;
    height: 600px;
    background: url("img/logo.png") no-repeat center;
    background-size:300px;
    border: 10px solid #ffe100;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
#Slot ul{
    position: relative;
    height: 600px;
}
#Slot ul li{
    width: 71px;
    height: 71px;
    border: 2px solid #ccc;
    position: absolute;
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: center;
}
#Slot ul li em{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ccc;
    display: block;
    position: absolute;
}
#Slot ul li.thanks{
    background-image: url("img/rio-2-pedro-icon-4.png");
}
#Slot ul li#l1{
    background-image: url("img/alex-icon.png");
    right: 0;
    top:0
}
#Slot ul li#l2{
    right: 0;
    top:75px;
}
#Slot ul li#l3{
    background-image: url("img/circus-elephant.png");
    right: 0;
    top:150px;
}
#Slot ul li#l5{
    background-image: url("img/circus-gorilla.png");
    right: 0;
    top:300px;
}
#Slot ul li#l7{
    background-image: url("img/king-julian-icon.png");
    right: 0;
    top:450px;
}

#Slot ul li#l9{
    background-image: url("img/marty-icon.png");
    right: 75px;
    bottom: 0;
}
#Slot ul li#l11{
    background-image: url("img/penguins-icon.png");
    right: 225px;
    bottom:0;
}
#Slot ul li#l13{
    background-image: url("img/pumbaa-icon.png");
    right: 375px;
    bottom:0;
}
#Slot ul li#l15{
    background-image: url("img/turbo.png");
    left: 0;
    bottom:0
}
#Slot ul li#l17{
    background-image: url("img/vatelly-icon.png");
    left:0;
    bottom:150px;
}
#Slot ul li#l19{
    background-image: url("img/circus-elephant.png");
    left:0;
    bottom:300px;
}
#Slot ul li#l21{
    background-image: url("img/king-julian-icon.png");
    left:0;
    top:75px;
}
#Slot ul li#l23{
    background-image: url("img/marty-icon.png");
    left: 75px;
    top:0
}
#Slot ul li#l25{
    background-image: url("img/penguins-icon.png");
    left: 225px;
    top:0
}
#Slot ul li#l27{
    background-image: url("img/pumbaa-icon.png");
    left: 375px;
    top:0
}
#Slot ul li#l4{
    right: 0;
    top:225px;
}
#Slot ul li#l6{
    right: 0;
    top:375px;
}
#Slot ul li#l8{
    right: 0;
    bottom:0;
}
#Slot ul li#l10{
    right: 150px;
    bottom:0;
}
#Slot ul li#l12{
    right: 300px;
    bottom: 0;
}
#Slot ul li#l14{
    right: 450px;
    bottom: 0;
}

#Slot ul li#l16{
    left: 0;
    bottom: 75px;
}
#Slot ul li#l18{
    left: 0;
    bottom: 225px;
}
#Slot ul li#l20{
    left: 0;
    bottom: 375px;
}
#Slot ul li#l22{
    left: 0;
    top: 0;
}
#Slot ul li#l24{
    left: 150px;
    top: 0;
}
#Slot ul li#l26{
    left: 300px;
    top: 0;
}
#Slot ul li#l28{
    left: 450px;
    top: 0;
}

#Slot li#l1 em{

    bottom: -11px;
    left: -11px;
}
#Slot li#l2 em,
#Slot li#l3 em,
#Slot li#l4 em,
#Slot li#l5 em,
#Slot li#l6 em,
#Slot li#l7 em{
    top: 27.5px;
    left: -11px;
}
#Slot li#l8 em{
    top:-11px;
    left: -11px;
}
#Slot li#l9 em,
#Slot li#l10 em,
#Slot li#l11 em,
#Slot li#l12 em,
#Slot li#l13 em,
#Slot li#l14 em{
    top: -11px;
    left: 27.5px;
}
#Slot li#l15 em{
    top:-11px;
    right: -11px;
}
#Slot li#l16 em,
#Slot li#l17 em,
#Slot li#l18 em,
#Slot li#l19 em,
#Slot li#l20 em,
#Slot li#l21 em{
    right: -11px;
    top: 27.5px;
}
#Slot li#l22 em{
    bottom:-11px;
    right: -11px;
}
#Slot li#l23 em,
#Slot li#l24 em,
#Slot li#l25 em,
#Slot li#l26 em,
#Slot li#l27 em,
#Slot li#l28 em{
    bottom: -11px;
    left: 27.5px;
}

#Slot li.on{
    border: 2px solid #ffe100;
    background-color: #4b3a1a;
    box-shadow: 0 0 10px #ffd744 inset;

}
#Slot li.on em{
    background-color: #f1ff54;
    box-shadow: 0px 0px 20px #ff0700;
}

#Integration{
    width: 160px;
    height: 40px;
    position: absolute;
    left: 210px;
    top:420px;
    border: 1px solid #060521;
    background-color: #170805;
    line-height: 40px;
    padding: 0 10px;
    box-shadow: 0 0 10px #623d00 inset;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
}
#Integration span{
    color: #fff;
}
#Integration code{
    color: #ffd744;
    font-size: 22px;
}













#Bet{
    margin: 20px 0;
    height: 140px;
    border: 2px solid #fff;
    border-radius: 50px;
    overflow: hidden;
    background: url("img/bg.jpg");

}
#Bet li{
    width:106px;
    height: 160px;
    padding: 5px 0;
    overflow: hidden;
    float: left;
}
#Bet li img{
    width: 80px;
    display: block;
    border: 2px solid #ffffff;
    border-radius: 50%;
    margin: auto;
    background-color: #666;
    box-shadow: 0 0 30px #000 inset;
}
#Bet li h3{
    color: #fff;
    text-align: center;
    font-size: 22px;
    height: 50px;
    line-height: 50px;
}

#Bet li.on img{
    background-color: #ff9a12;
    border: 2px solid #f1ff54;
    box-shadow: 0 0 20px #ff1000;

}
#Bet li.on h3{
    color: #ff8751;
    font-size: 32px;
}

#Play{
    height: 80px;
    width: 200px;
    font-size: 30px;
    background-color: #009b28;
    color: #fff;
    border: none;
    border-radius: 40px;
    display: block;
    margin: auto;
    outline: none;
    box-shadow: 2px 2px 0 #006c1c;
}
#Play:active{
    box-shadow:0 0 30px #006c1c inset;
}







